@charset "utf-8";

/* CSS Document */


/*global*/
body, html {
  width: 100%;
  height: 100%;
}
#app {
  width: 100%;
  height: 100%;
}
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {
    margin: 0;
    padding: 0;
}

fieldset, img {
    border: none;
}

img {
    display: block;
    border: 0;
}

address, caption, cite, code, dfn, th, var {
    font-style: normal;
    font-weight: normal;
}

ul, ol, li{
    list-style: none;
}

body {
    color: #333;
    padding: 0;
    font: 12px/20px "SimSun", "宋体", "Arial Narrow", HELVETICA;
    background: #fff;
    /* overflow-y:scroll;*/
    overflow-x: hidden;
}

a {
    color: #666;
    text-decoration: none;
}

.breadcrumb {
  margin: 20px 0;
  padding: 0 30px;
}
.breadcrumb .el-breadcrumb {
  font-size: 16px;
}
/*-----------------
  定位居中
------------------*/
.align-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.ver-center {
  position: absolute;
  top: 50%;
  transition: translateY(-50%);
}
.always-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
/*---------------
margin
----------------*/
.mb5 {
  margin-bottom: 5px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb20 {
  margin-bottom: 20px;
}
.ml10 {
  margin-left: 10px;
}


/*---------------
padding
----------------*/
.plr20 {
  padding: 0 20px;
}
.pl5 {
  padding-left: 5px;
}
.pl40 {
  padding-left: 40px;
}

/*--------
border-radios
---------*/
.bradius5 {
  border-radius: 5px;
}
.bradius10 {
  border-radius: 10px;
}

/*--------------
width
--------------*/
.width-max {
   width: 100%;
}

/*--------
line-height
---------*/
.lineh16 {
  line-height: 1.6
}

/*flex*/
.flex {
  display: flex;
  flex-wrap: wrap;
}
.flex-nowrap {
  display: flex;
  flex-wrap: nowrap;
}

/*word-break*/
.word-break {
  word-break: break-all;
}
